// 自定义 Vxe Table 样式

.dark-blue .vxe-grid {
  --vxe-ui-table-row-radio-checked-background-color: var(--el-fill-color-light);
  --vxe-ui-table-row-hover-radio-checked-background-color: var(--el-fill-color-light);
  &--table-container {
    // padding: 0 16px;
    background-color: var(--vxe-ui-table-body-background-color);
  }
}

.vxe-table--header-wrapper {
  background-image: url(@@/assets/images/table-header.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  color: #fff !important;
  background-color: #041F3A !important;
}
.vxe-table--body-wrapper {
  @extend %scrollbar;
  overflow-x: hidden;
}
.vxe-grid {
  // 表单
  &--form-wrapper {
    .vxe-form {
      padding: 10px 20px;
      margin-bottom: 20px;
    }
  }

  // 工具栏
  &--toolbar-wrapper {
    .vxe-toolbar {
      padding: 20px;
    }
  }

  // 分页
  &--pager-wrapper {
    .vxe-pager {
      height: 70px;
      padding: 0 20px;
      &--wrapper {
        // 参考 Bootstrap 的响应式设计 WIDTH = 768
        @media screen and (max-width: 768px) {
          .vxe-pager--total,
          .vxe-pager--sizes,
          .vxe-pager--jump,
          .vxe-pager--jump-prev,
          .vxe-pager--jump-next {
            display: none;
          }
        }
      }
    }
  }
}
